Summary

This PR adds configuration of husky and lint-staged for pre-commit checks, and improvements to the linting scripts in the package.json. Additionally, it formats previously incorrectly formatted files.

Added

• Husky Pre-commit Hook: A pre-commit hook has been added to run lint-staged and ensure all staged files are linted and formatted before committing.

Changed

• Storybook Preview Configuration: Improved formatting for better readability in .storybook/preview.tsx.
• Linting Scripts: Updated the lint:js script in package.json to use Prettier for checking JavaScript and TypeScript files. Modified fix:js script to use --write instead of --fix.

Deprecated

• None

Removed

• None

Fixed

• Formatted .storybook/preview with Prettier.
• Added // prettier-ignore comments in the global variable definitions in vite.config.ts to be ignored Prettier when formatting.

How to test

1. Pre-commit Hook:

   • Make a change to any file in the repository.
   • Attempt to commit the change.
   • Ensure that lint-staged runs and lints the staged files before the commit is completed.

2. Storybook:

   • Run the Storybook server using yarn storybook.
   • Verify that the themes are correctly applied in the preview and that there are no errors.

3. Linting:

   • Run yarn lint and ensure all files are checked using Prettier.
   • Run yarn fix to verify that all fixable issues are resolved.

4. Vite Configuration:

   • Build the project using yarn build.
   • Ensure there are no issues related to global variable definitions in the build process.

Related Issues

• Closes Add precommit hook to run Prettier to format staged files on every commit #34